<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 给你补充一个好玩的知识点,你会发现下列代码的执行结果中, this都指向了实例对象. 所以我们可以简单粗暴的认为类的大括号里边this就是实例对象
        class Person{
            that  = this

            // 如果未来的实例对象中的某个属性是值是固定的, 可以直接这样写, 省去了构造器
            name = 'xiaoming'
            // 箭头函数的this是定死的, 指向他的上一级.
            showThis = ()=>{
                console.log(this)
            }
        }

        let p1 = new Person()
        console.log(p1.that);//p1
        console.log(p1.name);//xiaoming 说明Person类的实例对象是成功的被添加了name属性的. 
        let show = p1.showThis
        show()//p1, 由此可得类中的大括号里的作用域就是实例对象
    </script>
</body>
</html>